<template>
  <nav>
<!--    <router-link to="/completeorders">CompleteOrders</router-link>-->

    <!--    <router-link to="/login ">Login</router-link>|-->
<!--    <router-link to="/addEngineer">addEngineer</router-link>|-->
<!--    <router-link to="/SearchUser ">SearchUser</router-link>|-->
<!--    <router-link to="/usermanage">UserManagement</router-link>|-->
<!--    <router-link to="/selectorder">selectOrder</router-link>|-->
<!--&lt;!&ndash;    <router-link to="/creatorder">Create Order</router-link>|&ndash;&gt;-->
<!--&lt;!&ndash;    <router-link to="/ordercomplete">Complete Order</router-link>|&ndash;&gt;-->
<!--&lt;!&ndash;    <router-link to="/orderstatus">Order Status</router-link>|&ndash;&gt;-->
<!--    <router-link to="/shopmenu">ShopMenu</router-link>|-->
<!--    <router-link to="/platform">Platform</router-link>|-->
  </nav>
<!--  <el-container style="height: 100vh;">-->
<!--    <el-header>-->
<!--      <div class="header-content">SHOP</div>-->
<!--    </el-header>-->

<!--    <el-container>-->
<!--      <el-aside width="200px">-->
<!--        <el-menu @select="handleSelect">-->
<!--          <el-menu-item index="CompleteOrder">Complete Order</el-menu-item>-->
<!--          <el-menu-item index="CreateOrder">Create Order</el-menu-item>-->
<!--          <el-menu-item index="OrderStatus">Order Status</el-menu-item>-->
<!--        </el-menu>-->
<!--      </el-aside>-->

<!--      <el-main>-->
<!--        <router-view></router-view>-->
<!--      </el-main>-->
<!--    </el-container>-->
<!--  </el-container>-->
  <router-view/>
</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -text-align: center;
  color: #2c3e50;
}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
}

.el-header, .el-aside, .el-main {
  padding: 20px;
}
</style>
<script setup>
// import { useRouter } from 'vue-router'
//
// const router = useRouter()
//
// const handleSelect = (key) => {
//   router.push({ name: key })
// }
</script>
